.nowrapAndEllipsis {
    white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis;
}

.item {
    // display   : flex;
    width        : 100%;
    // margin    : 10Px auto;
    // border    : 1px solid red;
    // border-radius: 8Px;
    overflow     : hidden;
    box-shadow   : 5Px 5Px 8Px rgba(93, 113, 127, 0.08);

    .cover {
        width         : 100%;
        height        : 0;
        padding-bottom: 56.25%;
        position      : relative;

        .coverImage {
            position: absolute;
            width   : 100%;
            height  : 100%;
            text-align: center;
        }

        // coverTag为封面上的图标
        .coverTagImg {
            width   : 20Px;
            height  : 20Px;
            position: absolute;
            right   : 5Px;
            bottom  : 5Px;
        }

        .coverTags {
            display         : flex;
            position        : absolute;
            color           : #fff;
            height          : 18Px;
            max-width       : 92%;
            line-height     : 18Px;
            // padding      : 0 8Px;
            background-color: rgba(0, 0, 0, 0.6);
            border-radius   : 9Px;
            font-size       : 11Px;
            left            : 5Px;
            bottom          : 5Px;

            .coverTag {
                padding: 0 4Px;
                .nowrapAndEllipsis();

                &:nth-of-type(2) {
                    background-color      : rgba(27, 24, 226, 0.6);
                    // border-radius      : 0 9Px 9Px 0;
                }

                &:nth-of-type(3) {
                    background-color: rgba(219, 233, 24, 0.6);
                    border-radius   : 0 9Px 9Px 0;
                }
            }
        }
    }

    .text {
        width  : 100%;
        padding: 10Px;

        .title {
            color    : #000;
            font-size: 14Px;
            .nowrapAndEllipsis();
        }

        .subTitle {
            margin-top : 5Px;
            color      : #999;
            font-size  : 12Px;
            line-height: 12Px;
            .nowrapAndEllipsis();
        }

        .priceDesc {
            margin-top: 5Px;
            color     : #4a90e2;
            font-size : 15Px;
        }

    }
}